<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>九刀厨</title>
		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<!--<link rel="stylesheet" type="text/css" href="static/css/styles.css">-->
		<style>
			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			.icon {
				width: 1em;
				height: 1em;
				vertical-align: -0.15em;
				fill: currentColor;
				overflow: hidden;
			}
		</style>
	</head>

	<body>
		<div id="app"></div>
	</body>
	<script src="static/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="http://at.alicdn.com/t/font_875022_7ff1gtvwp2d.js"></script>
	<script type="text/javascript" src="static/js/js_cartoon.js" ></script>
	<script type="text/javascript">
        /*天真网（tzw520.cn） 鼠标特效 */
        var a_idx = 0;
        jQuery(document).ready(function($) {
            $("body").click(function(e) {
                var a = new Array("北京烤鸭","佛跳墙","罗汉斋","白切鸡","三套鸭","木须肉","鱼香肉丝","麻婆豆腐","糖醋鲤鱼","京都骨","酸甜排骨","水煮鱼");
                var $i = $("<span/>").text(a[a_idx]);
                a_idx = (a_idx + 1) % a.length;
                var x = e.pageX,
                y = e.pageY;
                $i.css({
                    "z-index": 999999999999,
                    "top": y - 20,
                    "left": x,
                    "position": "absolute",
                    "font-weight": "bold",
                    "color": "#ff6651"
                });
                $("body").append($i);
                $i.animate({
                    "top": y - 180,
                    "opacity": 0
                },
                1500,
                function() {
                    $i.remove();
                });
            });
        });
        </script>
 
</html>